<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>地址填写</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/mycss/address.css">
    <link href="../../css/mui.picker.css" rel="stylesheet" />
    <link href="../../css/mui.poppicker.css" rel="stylesheet" />
</head>
<style>
    .l{
        float:left;/*左漂浮*/
        width:   1px;
        height:   14px;/*竖线高度*/
        background:   blue;/*填充颜色*/
        margin-top: 15px;
        margin-left: 10px;
        border-left:0.5px black solid;
        box-shadow: #0062cc 12px 12px 12px 0px;
    }
    .person-info div{
        border-bottom: 1px solid #F8F8FF;
    }
</style>
<body style="background-color: rgb(236,239,243);max-width: 414px;margin: auto;">

<header id="header" class="mui-bar mui-bar-nav" style="max-width: 414px;margin: auto;background-color:rgb(0,145,219);">
    <a style="color: white; " class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!--<div  class="l"></div>-->
    <div class="mui-title" style="color: white;text-align: left;margin-left: 20px">添加地址</div>
</header>

<div class="mui-content">
        <div class="person-info"  style="padding: 10px 20px 10px 20px;max-width: 414px;background-color: white;margin-top:10px">
                <div class="mui-input-row">
                    <label>收货人:</label>
                    <input type="text" class="mui-input-clear" >
                </div>
                <div class="mui-input-row">
                    <label>联系电话:</label>
                    <input type="text" class="mui-input-clear" >
                </div>

        </div>
        <div class="person-info"  style="	padding: 10px 20px 10px 20px;max-width: 414px;background-color: white;margin-top:20px">

                <div class="mui-input-row">
                    <label>收货地址 :</label>
                    <div id='showCityPicker3'  style=" line-height:1.1;padding: 11px 15px;float: right;width: 65%; margin-bottom: 0;padding-left: 0;border: 0;">
                        请选择你的城市
                        <a class="mui-icon mui-icon-arrowright mui-pull-right" style="color: #C0C0C0"></a>
                    </div>
                </div>
                <div class="mui-input-row">
                    <label>地址详情:</label>
                    <textarea  style="height: 80px;    width: 65%;" type="text" class="mui-input-clear" placeholder="街道 楼牌号"></textarea>
                </div>

        </div>

        <div class="person-info"  style="	padding: 10px 20px 10px 20px;max-width: 414px;background-color: white;margin-top:20px">

            <div class="mui-input-row">
                <label style="line-height: 1.1;padding: 11px 15px;">设为默认地址</label>
                <a class="mui-icon mui-icon-checkmarkempty mui-pull-right" style="color: red;line-height: 1.1;padding: 11px 15px;"></a>
            </div>
        </div>

        <div class="mui-btn mui-btn-red mui-popover-bottom submit-btn">
            确认添加
        </div>
</div>



<script src="../../js/mui.js"></script>

<!--<script src="../../js/mui.picker.min.js"></script>-->
<script src="../../js/mui.picker.js"></script>
<script src="../../js/mui.poppicker.js"></script>

<script src="../../js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/myjs/address.js"></script>
</body>

</html>